
  @import "../plugins/style/highlight/style.css";
  
  HTML,
  BODY
  {
    font-size: small;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  BODY
  {
    padding: 5px;
  }

  H1
  {
    margin: -.2em 0 0;
    font-size: 150%;
    font-weight: normal;
    line-height: 1em;
  }
  #backLink
  {
    font-size: 85%;
  }

  #DemoTabs
  {
    line-height: 1.27em;
    position: absolute;
    right: 0;
    top: -2.2em;
    margin-top: -3px;
    margin-right: -3px;
    font-size: 85%;
  }
  #DemoTabs .DemoWrapper-Tab
  {
    float: left;
    padding: .5em 1ex;
    background: #F4F4F4;
    margin-left: -1px;
    border: 1px solid #D9E8FB;
    border-width: 0 1px;
    cursor: pointer;
  }
  #DemoTabs .DemoWrapper-Tab:hover
  {
    background: #ECF3FD;
  }
  #DemoTabs .selected
  {
    background: #D9E8FB !important;
    cursor: default;
  }
  #DemoTabs .DemoWrapper-Tab:first-child
  {
    border-left: none;
    border-top-left-radius: 3px;
      -moz-border-radius-topleft: 3px;
      -webkit-border-top-left-radius: 3px;
  }
  #DemoTabs .DemoWrapper-Tab:last-child
  {
    border-right: none;
    border-top-right-radius: 3px;
      -moz-border-radius-topright: 3px;
      -webkit-border-top-right-radius: 3px;
  }

  #DemoWrapper
  {
    background: white;
    border: 3px solid #D9E8FB;
    position: absolute;
    bottom: 1.6em;
    left: 5px;
    right: 5px;
    top: 2.9em;
    z-index: 10;

    border-bottom-left-radius: 3px;
      -moz-border-radius-bottomleft: 3px;
      -webkit-border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
      -moz-border-radius-topleft: 3px;
      -webkit-border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
      -moz-border-radius-bottomright: 3px;
      -webkit-border-bottom-right-radius: 3px;
  }
  #demo-container
  {
    position: absolute;
    margin-top: 1px;
    top: 2.2em;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    overflow: auto;
    overflow-y: scroll;
  }

  #demo-summary
  {
    background: #ECF3FD;
    border-bottom: 1px solid #D9E8FB;
    padding: .5em;
    margin: 0;
    line-height: 1.2em;
  }

  #Demo-SourcePage
  {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    padding: 10px;
  }
  #Demo-SourcePage H2
  {
    font-size: 100%;
    padding: 4px 4px 2px 4px;
    margin: 1em 0 0.5em;
    border-bottom: 1px dotted #E8E8E8;
  }

  #DemoCopy
  {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1em 0 .4em;
    background: #F8F8F8;
    border-top: 1px solid #E8E8E8;
  }
  #DemoCopy P
  {
    font-size: 85%;
    margin: 0;
    padding-right: 8px;
    text-align: right;
  }

  #demo-panel
  {
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: .25em;
    margin-bottom: .25em;
  }
  #demo-panel P
  {
    margin: .4em 0;
    font-size: 85%;
  }

